<template>
    <div class="focus-list">
        <div class="myfocus-list">
            <ul class="sui-nav nav-tabs nav-large">
                <li class="active"><a href="#one" data-toggle="tab">关注的问题</a></li>
                <li><a href="#two" data-toggle="tab">关注的标签</a></li>
            </ul>
            <div class="tab-content tab-wraped">
                <div id="one" class="tab-pane active">
                    <ul class="focuspro-list">
                        <li class="pro-item">
                            <div class="fl intro">
                                <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                                <ul class="sui-tag">
                                    <li>css</li>
                                    <li>html</li>
                                    <li>javascript</li>
                                </ul>
                            </div>
                            <div class="fr btns">
                                <span class="mum">7 关注</span>
                                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                            </div>
                            <div class="clearfix"></div>
                        </li>
                        <li class="pro-item">
                            <div class="fl intro">
                                <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                                <ul class="sui-tag">
                                    <li>css</li>
                                    <li>html</li>
                                    <li>javascript</li>
                                </ul>
                            </div>
                            <div class="fr btns">
                                <span class="mum">7 关注</span>
                                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                            </div>
                            <div class="clearfix"></div>
                        </li>
                        <li class="pro-item">
                            <div class="fl intro">
                                <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                                <ul class="sui-tag">
                                    <li>css</li>
                                    <li>html</li>
                                    <li>javascript</li>
                                </ul>
                            </div>
                            <div class="fr btns">
                                <span class="mum">7 关注</span>
                                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                            </div>
                            <div class="clearfix"></div>
                        </li>
                        <li class="pro-item">
                            <div class="fl intro">
                                <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                                <ul class="sui-tag">
                                    <li>css</li>
                                    <li>html</li>
                                    <li>javascript</li>
                                </ul>
                            </div>
                            <div class="fr btns">
                                <span class="mum">7 关注</span>
                                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                            </div>
                            <div class="clearfix"></div>
                        </li>
                    </ul>
                </div>
                <div id="two" class="tab-pane">
                    <ul class="focuspro-list">
                        <li class="pro-item">
                            <div class="fl intro">
                                <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                                <ul class="sui-tag">
                                    <li>css</li>
                                    <li>html</li>
                                    <li>javascript</li>
                                </ul>
                            </div>
                            <div class="fr btns">
                                <span class="mum">7 关注</span>
                                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                            </div>
                            <div class="clearfix"></div>
                        </li>
                        <li class="pro-item">
                            <div class="fl intro">
                                <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                                <ul class="sui-tag">
                                    <li>css</li>
                                    <li>html</li>
                                    <li>javascript</li>
                                </ul>
                            </div>
                            <div class="fr btns">
                                <span class="mum">7 关注</span>
                                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                            </div>
                            <div class="clearfix"></div>
                        </li>
                        <li class="pro-item">
                            <div class="fl intro">
                                <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                                <ul class="sui-tag">
                                    <li>css</li>
                                    <li>html</li>
                                    <li>javascript</li>
                                </ul>
                            </div>
                            <div class="fr btns">
                                <span class="mum">7 关注</span>
                                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                            </div>
                            <div class="clearfix"></div>
                        </li>
                        <li class="pro-item">
                            <div class="fl intro">
                                <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                                <ul class="sui-tag">
                                    <li>css</li>
                                    <li>html</li>
                                    <li>javascript</li>
                                </ul>
                            </div>
                            <div class="fr btns">
                                <span class="mum">7 关注</span>
                                <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                            </div>
                            <div class="clearfix"></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import "~/assets/css/page-sj-person-myfocus.css";

    export default {}
</script>

<style scoped>

</style>
